<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/bootstrap.css" >
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/indexSecond.css" >
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/section.css">
</head>
<body>
<div class="container-fluid" style="padding: 0;position:relative;height:55px;">
	<nav class="navbar  navbar-fixed-top" style="position:absolute;background:#282830" role="navigation" id="head">
		<div class="container clearfix">
			<!-- Collapsed navigation -->
	        <div class="navbar-header">
	            <!-- Expander button -->
	            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                <span class="sr-only">Toggle navigation</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	        </div>
	        <div class="navbar-collapse collapse" id="navbar">
	        	<!-- Main navigation -->
	        	<ul class="nav navbar-nav">
					<li style="border-bottom: 3px solid #fff;"><a href="<%=request.getContextPath()%>/index.do" style="color: #fff">首页</a></li>
					<li><a href="<%=request.getContextPath()%>/xqq.do">心情墙</a></li>
					<li><a href="<%=request.getContextPath()%>/xdjm.do">兄弟姐妹</a></li>
					<li><a href="<%=request.getContextPath()%>/jqhd.do">近期活动</a></li>
					<li><a href="<%=request.getContextPath()%>/yqlj.do">友情链接</a></li>
				</ul>
				<c:choose>
				<c:when test="${change=='0'}">
					<form action="" class="navbar-form navbar-right">
						<a data-toggle="modal" data-target="#myModal" class="btn btn-primary" href="">登录</a>
	                    <a class="btn btn-primary signup" href="">注册</a>
					</form>
				</c:when>
				<c:when test="${change=='1'}">
					<div class="after-login navbar-right">
						<div  class="col-sm-12 col-xs-12">
							<p>您好,用户:${member.membername}</p>
						</div>
						<div  class="modify col-sm-12 col-xs-12">
							<a data-toggle="modal" data-target="#changePsdModal" href="#">修改密码</a>
							<a data-toggle="modal" data-target="#changeMsgModal" href="#">修改信息</a>
							<a href="<%=request.getContextPath()%>/outlogin.do">注销</a>
						</div>
					</div>
				</c:when>
			 	<c:when test="${change=='2'}">
					<div class="after-login navbar-right">
						<div  class="col-sm-12 col-xs-12">
							<p>您好,管理员:${member.membername}</p>
						</div>
						<div  class="modify col-sm-12 col-xs-12">
							<a data-toggle="modal" data-target="#changePsdModal" href="#">修改密码</a>
							<a data-toggle="modal" data-target="#changeMsgModal" href="#">修改信息</a>
							<a href="<%=request.getContextPath()%>/outlogin.do">注销</a>
						</div>
					</div>
				</c:when>
				</c:choose>
	        </div>
		</div>
	</nav>
</div>
<div class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="myModal" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header clearfix">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<img src="<%=request.getContextPath()%>/img/class-logo.png" class="img">
				<h1 class="modal-title" id="myModalLabel">登录</h1>
			</div>
			<form enctype="multipart/form-data" method="post" action="<%=request.getContextPath()%>/login.do">
				<div class="modal-body"> 
					<p><label>用户昵称:</label><input name="username" type="text" placeholder="请输入登录名或邮箱" class="user"></p>
					<p><label>密码:</label><input name="password" type="password" placeholder="请输入密码" class="user"></p>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-default">登录</button>
				</div>
			</form>
		</div>
	</div>
</div>
<div class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="changePsdModal" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header clearfix">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h1 class="modal-title" id="myModalLabel">修改密码</h1>
			</div>
			<form enctype="multipart/form-data" method="post" action="<%=request.getContextPath()%>/fixpassword.do">
				<div class="modal-body"> 
					<p><label>登录密码:</label><input name="password" type="password" placeholder="请输入登录密码" class="user"></p>
					<p><label>重置登录密码:</label><input name="newpassword" type="password" placeholder="请输入重置的密码" class="user"></p>
					<p><label>E-mail:</label><input name="email" type="text" placeholder="请输入E-mail" class="user"></p>
					<p><label>手机号码:</label><input name="phone" type="text" placeholder="请输入手机号码" class="user"></p>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-default">确定修改</button>
				</div>
			</form>
		</div>
	</div>
</div>
<div class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="changeMsgModal" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header clearfix">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h1 class="modal-title" id="myModalLabel">修改信息</h1>
			</div>
			<form enctype="multipart/form-data" method="post" action="<%=request.getContextPath()%>/fixinfo.do">
				<div class="modal-body"> 
					<p><label>用户昵称:</label><input name="membername" type="text" placeholder="请输入新的用户昵称" class="user" id="name" value="${member.membername }"></p>
					<p class="clearfix"><label style="float:left;">照片:</label><input name="file" type="file"  class="user" style="float:left;" id="photo"></p>
					<p><label>QQ:</label><input name="qq" type="text" placeholder="请输入新的QQ号" class="user" value="${member.qq}"></p>
					<p><label>微信:</label><input name="weixing" type="text" placeholder="请输入新的微信" class="user" value="${member.weixing }"></p>
					<p><label>微博:</label><input name="weibo" type="text" placeholder="请输入新的微博" class="user" value="${member.weibo }"></p>
					<p><label>座右铭:</label><input name="motto" type="text" placeholder="请输入新的座右铭" class="user" value="${member.motto }"></p>
					<p><label>自我介绍:</label><input name="introduce" type="textarea" placeholder="请输入新的自我介绍" class="user" value="${member.introduce }"></p>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-default" id="btn">确定修改</button>
				</div>
			</form>
		</div>
	</div>
</div>
<div class="carousel">
	<div class="container" style="background:#282830">
		<div class="inner">
			<div class="content">
				<h1 style="color:#fff;">0101404团支部</h1>
				<div class="left">
					<div class="triangle1"><p style="margin-top : 40px;">女生6人</p></div>
					<div class="triangle2"><p style="margin-top : 40px;">一共27人</p></div>
					<div class="triangle3"><p style="margin-top : 40px;">男生21人</p></div>
				</div>
				<div class="left" style="margin-top:100px;">
					<div class="top">
						<div style="background:#fff;border-radius:50%;width:40px;height:40px;float:left;"></div>
						<div style="background:yellow;border-radius:50%;width:30px;height:30px;float:left;margin-top:5px;"></div>
						<div style="float:left;margin-top:-15px;"><h2 style="color:#fff;">27名成员组成的团支部</h2></div>
					</div>
					<div class="middle">
						<h2>26名共青团员</h2>
						<h2>已有11人提交入党申请书</h2>
						<h2>已有9人获得入党推优资格</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container" style="background:#7B68EE;">
		<div class="inner">
			<div class="content">
				<h1 style="color:#fff;">学生干部</h1>
				<div class="left" style="margin-top:100px;width:400px;">
					<div class="one">
						<div class="roll"></div>
						<div style="float:left;margin-left:50px;"><p style="font-size:30px;color:#fff;">院级干部</p></div>
					</div>
					<div class="one" style="margin-top:200px;">
						<div class="roll"></div>
						<div style="float:left;margin-left:50px;"><p style="font-size:30px;color:#fff;">校级干部</p></div>
					</div>
				</div>
				<div class="left clearfix" style="margin-top:30px;">
					<div class="top clearfix" >
						<div class="position">
							<div class="one clearfix">
								<div style="width:100px;height:100px;border-radius:50%;background:#ef8b2d;float:left;"><h3 style="line-height:60px;color:#fff;">杨霜</h3></div>
								<div style="width:200px;height:30px;background:#ef8b2d;float:left;margin-top:35px;margin-left:-10px;"><h3 style="color:#fff;margin-top:-2px;">社团部部长</h3></div>
							</div>
							<div class="one clearfix" style="margin-top:50px;">
								<div style="width:100px;height:100px;border-radius:50%;background:#ef8b2d;float:left;"><h3 style="line-height:60px;color:#fff;">周鹏</h3></div>
								<div style="width:200px;height:30px;background:#ef8b2d;float:left;margin-top:35px;margin-left:-10px;"><h3 style="color:#fff;margin-top:-2px;">新闻部副部长</h3></div>
							</div>
							<div class="one clearfix" style="margin-top:50px;">
								<div style="width:100px;height:100px;border-radius:50%;background:#fff;float:left;"><h3 style="line-height:60px;">杨霜</h3></div>
								<div style="width:200px;height:30px;background:#fff;float:left;margin-top:35px;margin-left:-10px;"><h3 style="margin-top:-2px;">学工助理</h3></div>
							</div>
						</div>
						<div style="width:10px;height:600px;float:left;background:#000;"></div>
						<div class="position" >
							<div class="one clearfix" style="margin-top:80px;">
								<div style="width:200px;height:30px;background:#ef8b2d;float:left;margin-top:35px;margin-right:-10px;"><h3 style="color:#fff;margin-top:-2px;">社团部部长</h3></div>
								<div style="width:100px;height:100px;border-radius:50%;background:#ef8b2d;float:left;"><h3 style="line-height:60px;color:#fff;">杨霜</h3></div>
							</div>
							<div class="one clearfix" style="margin-top:50px;">
								<div style="width:200px;height:30px;background:#ef8b2d;float:left;margin-top:35px;margin-right:-10px;"><h3 style="color:#fff;margin-top:-2px;">新闻部副部长</h3></div>
								<div style="width:100px;height:100px;border-radius:50%;background:#ef8b2d;float:left;"><h3 style="line-height:60px;color:#fff;">周鹏</h3></div>
							</div>
							<div class="one clearfix" style="margin-top:50px;">
								<div style="width:200px;height:30px;background:#fff;float:left;margin-top:35px;margin-right:-10px;"><h3 style="margin-top:-2px;">学工助理</h3></div>
								<div style="width:100px;height:100px;border-radius:50%;background:#fff;float:left;"><h3 style="line-height:60px;">杨霜</h3></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container" style="background:#282830">
		<div class="inner">
			<div class="content">
				<h1 style="color:#fff;">支部建设</h1>
				<div style="width:200px;margin:100px auto;">
					<h1 style="border-bottom:5px solid #ef8b2d;color:#ef8b2d;">学风特优型</h1>
				</div>
				<div class="clearfix" style="width:1200px;margin: 100px auto;">
					<div style="width:300px;float:left;margin-right:100px;">
						<img src="<%=request.getContextPath()%>/img/bottle2.png" style="display:block;width:300px;height:120px;" alt="">
						<div style="width:100px;height:10px;margin: 30px auto;background:#ef8b2d;"></div>
						<div style="width:200px;margin: 50px auto;">
							<h1 style="font-size:30px;color:#ef8b2d">挂科率</h1>
							<h1 style="font-size:30px;color:#fff;">1.83%</h1>
							<h1 style="font-size:30px;color:#fff;">年级第一</h1>
						</div>
					</div>
					<div style="width:300px;float:left;margin-right:100px;">
						<img src="<%=request.getContextPath()%>/img/bottle2.png" style="display:block;width:300px;height:120px;" alt="">
						<div style="width:100px;height:10px;margin: 30px auto;background:#ef8b2d;"></div>
						<div style="width:200px;margin: 50px auto;">
							<h1 style="font-size:30px;color:#ef8b2d">重修率</h1>
							<h1 style="font-size:30px;color:#fff;">0.41%</h1>
							<h1 style="font-size:30px;color:#fff;">年级第一</h1>
						</div>
					</div>
					<div style="width:300px;float:left;margin-right:100px;">
						<img src="<%=request.getContextPath()%>/img/bottle2.png" style="display:block;width:300px;height:120px;" alt="">
						<div style="width:100px;height:10px;margin: 30px auto;background:#ef8b2d;"></div>
						<div style="width:200px;margin: 50px auto;">
							<h1 style="font-size:30px;color:#ef8b2d">专业平均成绩</h1>
							<h1 style="font-size:30px;color:#fff;">排名</h1>
							<h1 style="font-size:30px;color:#fff;">年级第三</h1>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container" style="background:#7B68EE;">
		<div class="inner">
			<div class="content">
				<h1 style="color:#fff;">个人荣誉</h1>
			</div>
			<div class="clearfix" style="width:1000px;margin: 0 auto;">
				<div style="width:50px;height:50px;border-radius:50%;background:#ef8b2d;float:left;"></div>
				<div style="width:900px;float:left;text-align:left;margin-left:150px;">
					<h1 style="font-family:微软雅黑;color:#fff;font-weight:bold;">2015.10 耿嘉炫 校级 三等优秀学生奖学金</h1>
					<h1 style="font-family:微软雅黑;color:#fff;font-weight:bold;">2015.10 李杨 校级 三等优秀学生奖学金</h1>
					<h1 style="font-family:微软雅黑;color:#fff;font-weight:bold;">2015.10 李杨 校级 优秀学生干部</h1>
					<h1 style="font-family:微软雅黑;color:#fff;font-weight:bold;">2015.07 李杨 校级 军训优秀学员</h1>
					<h1 style="font-family:微软雅黑;color:#fff;font-weight:bold;">2015.10 曹丙旭 校级 三等优秀学生奖学金</h1>
					<h1 style="font-family:微软雅黑;color:#fff;font-weight:bold;">2015.10 徐兴院 校级 三等优秀学生奖学金</h1>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
<script src="<%=request.getContextPath()%>/js/msgtest.js"></script>
<script src="http://www.dowebok.com/demo/2014/77/js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.scrollify.js"></script>
<script>
$(function() {
	$('.container').css({'height': $(window).height()});
	$.scrollify({
		section: '.container',
		scrollbars: false
	});
});
</script>
</html>